import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 方式一：导入所有Vant组件
// Vant 支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法
// 注意: 配置按需引入后，将不允许直接导入所有组件
// import Vant from 'vant'
// import 'vant/lib/index.css'
// Vue.use(Vant)

// 方式二：手动按需引入Vant组件
// import './assets/plugins/index'

// 方式三. 自动按需引入Vant组件 (推荐)
// babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式
// 接着你可以在代码中直接引入 Vant 组件
// 插件会自动将代码转化为方式二中的按需引入形式
// 例如：import { Button } from 'vant';
// Tips: 如果你在使用 TypeScript，可以使用 ts-import-plugin 实现按需引入

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
